<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title></title>
        <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" />

        <link href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/assets/css/index.css" rel="stylesheet">

    </head>
    <style>
        body{
     background-color: #efeff0;
}
.container{
     /* padding-bottom: env(safe-area-inset-bottom); */
}
.title{
     font-size:16px;
     margin-bottom: 15px;
}
.test-info{
     background-color: #50bfcc;
     color:#ffffff;
     padding: 30px 15px;
}
.test-info .info text{
     margin-right: 10px;
     font-size: 14px;
}
.test-info .info text:last-child{
     margin-right: 0;
}
.my-rank{
     margin-bottom: 15px;
}
.rank-box .rank-item , .my-rank{
     display: flex;
     align-items: center;
     padding: 10px 15px;
     background-color: #ffffff;
}
.rank-box .rank-item:last-child{
     border-bottom:0;    
}
.rank-box .rank-item .number, .my-rank .number{
     width: 40px;
     text-align: center;
     flex-shrink: 0;
     font-weight: 600;
     color:#80848f;
}
.rank-box .rank-item .userInfo,.my-rank .userInfo{
     display: flex;
     align-items: center;
     flex-grow: 1;
     padding-left: 15px;
     padding-right: 15px;
}
.rank-box .rank-item .userInfo .avatar,.my-rank .userInfo .avatar{
     width: 30px;
     height: 30px;
     border-radius: 100%;
}
.rank-box .rank-item .userInfo .nickname,.my-rank .userInfo .nickname{
     margin-left: 10px;
     font-size: 12px;
     color:#80848f;
}
.rank-box .rank-item .score,.my-rank .userInfo .score{
     color:#19be6b;
     font-weight: 600;
}
.mui-title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 34px;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
}
.mui-bar .mui-title {
    right: 40px;
    left: 50px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
}
    </style>
    <body id="page-top">
        <script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>

        <script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>


        <div class="container" style="padding:0;">
            <div class="test-info mui-bar" style="padding: 20px;">
                    <a style="color: #fff;font-size: 2.5rem;" class="gdlist">
                        <svg t="1597831852136" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12183" width="20" height="20"><path d="M274.510074 461.204104c130.168642-125.846196 260.332167-251.684206 390.490575-377.400442 53.595662-51.864228 133.49848 32.354895 79.653131 84.346013-115.838262 112.008027-231.6755 223.893256-347.450317 335.904353C513.596358 619.888196 629.989251 735.852324 746.444567 851.690586c52.978609 52.733015-26.921139 136.953162-79.712483 84.282568C535.946388 805.873074 405.233348 675.710572 274.510074 545.546024 252.90194 523.93789 252.342192 482.563574 274.510074 461.204104L274.510074 461.204104zM274.510074 461.204104" p-id="12184" fill="#ffffff"></path></svg></a>
                     <h1 style="text-align: center;margin: 0 auto;font-size:22px;" class="mui-title">排行榜</h1>

                
            </div>
            <div class="rank-box">
                {foreach $list as $key=>$v}
                 <div class="rank-item">
                      <div class="number">
                      {if $key+1 ==1}
                            <div>
                                <svg t="1621064601305" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3641" width="20" height="20"><path d="M562.76454995 681.66261055H470.30635919c-123.88095914 0-224.63720137-100.7765806-224.63720136-224.63720133V29.08594759c0-20.9078355 16.94185503-37.84969052 37.84969053-37.84969052h466.0535508c20.88749714 0 37.84969052 16.94185503 37.84969055 37.84969052v427.93946163c-0.02033837 123.86062076-100.7765806 224.63720137-224.65753976 224.63720133z m-241.41634945-614.72697244v390.08977111c0 82.14664159 66.8115171 148.9581587 148.95815869 148.95815868h92.45819076c82.14664159 0 148.9581587-66.8115171 148.95815871-148.95815868v-390.08977111H321.3482005z" fill="#FCCA57" p-id="3642"></path><path d="M516.51511622 875.18211903c-20.88749714 0-37.84969052-16.94185503-37.84969051-37.84969053v-168.09655673c0-20.9078355 16.94185503-37.84969052 37.84969051-37.84969053 20.88749714 0 37.84969052 16.94185503 37.84969051 37.84969053v168.09655673c0 20.9078355-16.96219338 37.84969052-37.84969051 37.84969053z" fill="#FCCA57" p-id="3643"></path><path d="M691.24197875 1031.21802747H341.80859204c-36.40566685 0-66.01832101-29.61265418-66.018321-66.01832102V894.9713446c0-36.40566685 29.61265418-66.01832101 66.018321-66.01832097h349.43338671c36.40566685 0 66.01832101 29.61265418 66.01832104 66.01832097v70.20802351c0.02033837 36.42600522-29.59231579 66.0386594-66.01832104 66.03865936z m-339.77266506-75.69938103h330.11194343v-50.86624181H351.46931369v50.86624181zM792.24228134 499.85799826H751.58589695c-20.88749714 0-37.84969052-16.94185503-37.8496905-37.84969052V156.64815011c0-20.9078355 16.94185503-37.84969052 37.8496905-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.84969053 37.8496905v141.10755119c-0.02033837 111.43388195-90.668415 202.10229695-202.10229694 202.10229696z m-2.82703222-75.69938103h2.80669387c69.69956442 0 126.40291591-56.72368986 126.40291591-126.40291593v-103.25786068H789.41524912v229.66077661zM270.09552983 499.85799826h-40.65638437c-111.43388195 0-202.10229695-90.668415-202.10229695-202.10229696v-141.10755119c0-20.9078355 16.94185503-37.84969052 37.84969052-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.8496905 37.8496905v305.36015763c0 20.9078355-16.96219338 37.84969052-37.8496905 37.84969052z m-167.05930027-305.38049601v103.2578607c0 69.69956442 56.72368986 126.40291591 126.4029159 126.40291593h2.80669388V194.47750225h-129.20960978z" fill="#FCCA57" p-id="3644"></path></svg>
                            </div>
                      {elseif $key+1 ==2 /}
                            <div>
                                <svg t="1621064601305" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3641" width="20" height="20"><path d="M562.76454995 681.66261055H470.30635919c-123.88095914 0-224.63720137-100.7765806-224.63720136-224.63720133V29.08594759c0-20.9078355 16.94185503-37.84969052 37.84969053-37.84969052h466.0535508c20.88749714 0 37.84969052 16.94185503 37.84969055 37.84969052v427.93946163c-0.02033837 123.86062076-100.7765806 224.63720137-224.65753976 224.63720133z m-241.41634945-614.72697244v390.08977111c0 82.14664159 66.8115171 148.9581587 148.95815869 148.95815868h92.45819076c82.14664159 0 148.9581587-66.8115171 148.95815871-148.95815868v-390.08977111H321.3482005z" fill="#CBCBC9" p-id="3642"></path><path d="M516.51511622 875.18211903c-20.88749714 0-37.84969052-16.94185503-37.84969051-37.84969053v-168.09655673c0-20.9078355 16.94185503-37.84969052 37.84969051-37.84969053 20.88749714 0 37.84969052 16.94185503 37.84969051 37.84969053v168.09655673c0 20.9078355-16.96219338 37.84969052-37.84969051 37.84969053z" fill="#CBCBC9" p-id="3643"></path><path d="M691.24197875 1031.21802747H341.80859204c-36.40566685 0-66.01832101-29.61265418-66.018321-66.01832102V894.9713446c0-36.40566685 29.61265418-66.01832101 66.018321-66.01832097h349.43338671c36.40566685 0 66.01832101 29.61265418 66.01832104 66.01832097v70.20802351c0.02033837 36.42600522-29.59231579 66.0386594-66.01832104 66.03865936z m-339.77266506-75.69938103h330.11194343v-50.86624181H351.46931369v50.86624181zM792.24228134 499.85799826H751.58589695c-20.88749714 0-37.84969052-16.94185503-37.8496905-37.84969052V156.64815011c0-20.9078355 16.94185503-37.84969052 37.8496905-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.84969053 37.8496905v141.10755119c-0.02033837 111.43388195-90.668415 202.10229695-202.10229694 202.10229696z m-2.82703222-75.69938103h2.80669387c69.69956442 0 126.40291591-56.72368986 126.40291591-126.40291593v-103.25786068H789.41524912v229.66077661zM270.09552983 499.85799826h-40.65638437c-111.43388195 0-202.10229695-90.668415-202.10229695-202.10229696v-141.10755119c0-20.9078355 16.94185503-37.84969052 37.84969052-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.8496905 37.8496905v305.36015763c0 20.9078355-16.96219338 37.84969052-37.8496905 37.84969052z m-167.05930027-305.38049601v103.2578607c0 69.69956442 56.72368986 126.40291591 126.4029159 126.40291593h2.80669388V194.47750225h-129.20960978z" fill="#CBCBC9" p-id="3644"></path></svg>
                            </div>
                      {elseif $key+1 ==3 /}
                            <div>
                                <svg t="1621064601305" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3641" width="20" height="20"><path d="M562.76454995 681.66261055H470.30635919c-123.88095914 0-224.63720137-100.7765806-224.63720136-224.63720133V29.08594759c0-20.9078355 16.94185503-37.84969052 37.84969053-37.84969052h466.0535508c20.88749714 0 37.84969052 16.94185503 37.84969055 37.84969052v427.93946163c-0.02033837 123.86062076-100.7765806 224.63720137-224.65753976 224.63720133z m-241.41634945-614.72697244v390.08977111c0 82.14664159 66.8115171 148.9581587 148.95815869 148.95815868h92.45819076c82.14664159 0 148.9581587-66.8115171 148.95815871-148.95815868v-390.08977111H321.3482005z" fill="#FE942B" p-id="3642"></path><path d="M516.51511622 875.18211903c-20.88749714 0-37.84969052-16.94185503-37.84969051-37.84969053v-168.09655673c0-20.9078355 16.94185503-37.84969052 37.84969051-37.84969053 20.88749714 0 37.84969052 16.94185503 37.84969051 37.84969053v168.09655673c0 20.9078355-16.96219338 37.84969052-37.84969051 37.84969053z" fill="#FE942B" p-id="3643"></path><path d="M691.24197875 1031.21802747H341.80859204c-36.40566685 0-66.01832101-29.61265418-66.018321-66.01832102V894.9713446c0-36.40566685 29.61265418-66.01832101 66.018321-66.01832097h349.43338671c36.40566685 0 66.01832101 29.61265418 66.01832104 66.01832097v70.20802351c0.02033837 36.42600522-29.59231579 66.0386594-66.01832104 66.03865936z m-339.77266506-75.69938103h330.11194343v-50.86624181H351.46931369v50.86624181zM792.24228134 499.85799826H751.58589695c-20.88749714 0-37.84969052-16.94185503-37.8496905-37.84969052V156.64815011c0-20.9078355 16.94185503-37.84969052 37.8496905-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.84969053 37.8496905v141.10755119c-0.02033837 111.43388195-90.668415 202.10229695-202.10229694 202.10229696z m-2.82703222-75.69938103h2.80669387c69.69956442 0 126.40291591-56.72368986 126.40291591-126.40291593v-103.25786068H789.41524912v229.66077661zM270.09552983 499.85799826h-40.65638437c-111.43388195 0-202.10229695-90.668415-202.10229695-202.10229696v-141.10755119c0-20.9078355 16.94185503-37.84969052 37.84969052-37.8496905h204.9089908c20.88749714 0 37.84969052 16.94185503 37.8496905 37.8496905v305.36015763c0 20.9078355-16.96219338 37.84969052-37.8496905 37.84969052z m-167.05930027-305.38049601v103.2578607c0 69.69956442 56.72368986 126.40291591 126.4029159 126.40291593h2.80669388V194.47750225h-129.20960978z" fill="#FE942B" p-id="3644"></path></svg>
                            </div>

                      {else/}
                           {{$key+1}}
                        {/if}
                      </div>
                      <div class="userInfo">
                          <span class="avatar">
                            <svg t="1621064448938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2597" width="24" height="24"><path d="M512 0c281.6 0 512 230.4 512 512s-230.4 512-512 512-512-230.4-512-512 230.4-512 512-512z m115.2 505.6c44.8-38.4 76.8-89.6 76.8-153.6 0-108.8-83.2-192-192-192s-192 83.2-192 192c0 64 32 115.2 76.8 153.6-102.4 44.8-172.8 147.2-172.8 262.4 0 19.2 12.8 32 32 32s32-12.8 32-32c0-121.6 102.4-224 224-224s224 102.4 224 224c0 19.2 12.8 32 32 32s32-12.8 32-32c0-115.2-70.4-217.6-172.8-262.4zM512 480c-70.4 0-128-57.6-128-128s57.6-128 128-128 128 57.6 128 128-57.6 128-128 128z" p-id="2598" fill="#9C9C9C"></path></svg>
                          </span>
                           <div class="nickname">{$v.name}</div>
                      </div>
                      <div class="score">{$v.score}分</div>
                 </div>
                {/foreach}
            </div>
       </div>
    </body>
<script>
    $('.gdlist').click(function() {
        location.href="/index/Zhaily/index";
    })
</script>
</html>
